<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <title>竞猜</title>
</head>

<body class="body">
    <div class="head">
        <div class="center">
            <a href="#" class="log-tit">LOL电竞</a>
            <a href="#">首页</a>
            <a href="#">赛事</a>
            <a href="#">战队</a>
            <a href="#">资讯</a>
            <a href="#">视频</a>
            <a href="#">兑换</a>
            <a href="#">预测</a>
            <span>
                <a href="#">小刀</a>
                <a href="#">【退出】</a>
            </span>
        </div>
    </div>
    <div class="center">
        <div class="geren">
            <div class="myCenter-center-userinfo">
                <div class="myCenter-center-user-img">
                    <img src="image/dsm.jpeg" data-src="holder.js/130x130" data-holder-rendered="true" style="width: 110px; height: 110px;">
                    <a href="javascipt:;" id="myCenter-center-userinfo-message">小刀</a>
                    <span>R币：<font>82</font></span>
                    <a id="chongzhi" href="#">充值R币</a>
                </div>
                <div class="myCenter-center-user-nav">
                    <ul>
                        <li>
                            <a href="center.html" class="myCenter-center-user-nav-active">
                                房主管理
                            </a>
                        </li>
                        <li>
                            <a href="jcjl.html">
                                竞猜记录
                            </a>
                        </li>
                        <li>
                            <a href="czjl.html">
                                充值记录
                            </a>
                        </li>
                        <li>
                            <a href="txjl.html">
                                提现记录
                            </a>
                        </li>
                        <li>
                            <a href="wytx.html">
                                我要提现
                            </a>
                        </li>
                        <li>
                            <a href="duihuan.html">
                                兑换商城
                            </a>
                        </li>
                        <li>
                            <a href="setting.html">
                                个人设置
                            </a>
                        </li>
                        <li>
                            <a href="dhspjl.html">
                                兑换商品记录
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="geren-right fzsz">
                <div class="geren-tit">
                    <span class="tit-moren">押金退还</span>
                    <span>修改密码</span>
                    <span>账变记录</span>
                    <div class="switch_bottom" id="switch_bottom" style="position: absolute; width: 86px; left: 100px;"></div>
                </div>
                <div class="geren-content">
                    <div class="geren-conlist yjth">
                        <span>提现规则：平台收取百分之10的手续费用；</span>
                        <span>提现公式：<font style="color: red;">譬如：因为平台是金额与r币1:10;你提现100r币:100/10*10%=9</font></span>
                        <span>友情提示：因为提现是人工审核，客服人员会联系您注册时的手机号码或微信号；提现速度有快有慢，还望耐心等待!</span>
                        <span>现有余额：<font id="room_money">20</font></span>
                        <form>
                            <input type="text">
                            <input class="qdth" type="button" value="确定退还">
                        </form>
                    </div>
                    <div class="geren-conlist qrxg">
                        <form>
                            <p>原密码：<input type="text" name="" id=""></p>
                            <p>新密码：<input type="text" name="" id=""></p>
                            <p>确认密码：<input type="text" name="" id=""></p>
                            <span><input class="xgmm" type="submit" value="修改密码"></span>
                        </form>
                    </div>
                    <div class="geren-conlist zbjl">
                        <div class="zbjl-list">
                            <div class="zbjl-tit">
                                <span>2019-02-14 16:30:24</span>
                            </div>
                            <div class="zbjl-content">
                                <p>投注人：<span>a397616220</span></p>
                                <p>投注r币：<span>90</span></p>
                                <p>盈亏：
                                    <span class="cduo">
                                        <font style="color: red;">待结算</font>
                                    </span>
                                </p>
                            </div>
                        </div>
                        <div class="zbjl-list">
                            <div class="zbjl-tit">
                                <span>2019-02-14 16:30:24</span>
                            </div>
                            <div class="zbjl-content">
                                <p>投注人：<span>a397616220</span></p>
                                <p>投注r币：<span>90</span></p>
                                <p>盈亏：
                                    <span class="cduo">
                                        <font style="color: red;">待结算</font>
                                    </span>
                                </p>
                            </div>
                        </div>
                        <div class="zbjl-list">
                            <div class="zbjl-tit">
                                <span>2019-02-14 16:30:24</span>
                            </div>
                            <div class="zbjl-content">
                                <p>投注人：<span>a397616220</span></p>
                                <p>投注r币：<span>90</span></p>
                                <p>盈亏：
                                    <span class="cduo">
                                        <font style="color: red;">待结算</font>
                                    </span>
                                </p>
                            </div>
                        </div>
                        <div class="zbjl-list">
                            <div class="zbjl-tit">
                                <span>2019-02-14 16:30:24</span>
                            </div>
                            <div class="zbjl-content">
                                <p>投注人：<span>a397616220</span></p>
                                <p>投注r币：<span>90</span></p>
                                <p>盈亏：
                                    <span class="cduo">
                                        <font style="color: red;">待结算</font>
                                    </span>
                                </p>
                            </div>
                        </div>
                        <div class="zbjl-list">
                            <div class="zbjl-tit">
                                <span>2019-02-14 16:30:24</span>
                            </div>
                            <div class="zbjl-content">
                                <p>投注人：<span>a397616220</span></p>
                                <p>投注r币：<span>90</span></p>
                                <p>盈亏：
                                    <span class="cduo">
                                        <font style="color: red;">待结算</font>
                                    </span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom_foot">
        <div class="wrapper">
            <p class="bottom_nav">
                <a href="/index/lan/id/1.html" target="_blank" title="">关于我们</a> <span>|</span>
                <a href="/index/lan/id/5.html" target="_blank" title="">联系我们</a><span>|</span>
                <a href="/index/register.html" target="_blank" title="">用户注册</a> <span>|</span>
                <a href="/index/findpass.html" target="_blank" title="">忘记密码</a>
                <span>|</span>
                <a href="/index/lan/id/6.html" target="_blank" title="">服务协议</a> <span>|</span>
                <a href="/index/lan/id/7.html" target="_blank" title="">竞猜规则</a><span>|</span>
                <a href="/index/lan/id/4.html" target="_blank" title="">常见问题</a>
            </p>
            <p class="copyright">Copyright © 2015-2018 红蓝电竞. All rights reserved. 广州诗汇轩网络信息有限公司<br><a href="http://www.miibeian.gov.cn/"
                    target="_blank">粤ICP备16051838号</a></p>
        </div>
    </div>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script>
        $(".geren-tit span:eq(0)").on('click', function () {
            mrstyle($(this), $(this).index());
            $('#switch_bottom').stop().animate({
                left: '100px'
            });
        })
        $(".geren-tit span:eq(1)").on('click', function () {
            mrstyle($(this), $(this).index());
            $('#switch_bottom').stop().animate({
                left: '390px'
            });
        })
        $(".geren-tit span:eq(2)").on('click', function () {
            mrstyle($(this), $(this).index());
            $('#switch_bottom').stop().animate({
                left: '674px'
            });
        })

        function mrstyle(shen, index) {
            shen.addClass('tit-moren').siblings().removeClass('tit-moren');
            $('.geren-content .geren-conlist').eq(index).show().siblings().hide();
        }
    </script>
</body>

</html>